<template>
  <div class="bgc-box">
    <keep-alive>
      <router-view />
    </keep-alive>
    <van-tabbar active-color="#FF6040" inactive-color="#928CA4" route fixed :placeholder="true" v-if="$route.meta.showTab">
      <van-tabbar-item replace to="/home" icon="wap-home">首页</van-tabbar-item>
      <van-tabbar-item replace to="/sport" icon="fire">运动</van-tabbar-item>
      <van-tabbar-item replace to="/mine" icon="manager">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {}
  }
}
</script>
<style lang="less" scoped>
.bgc-box {
  font-size: 20px;
  background-color: #f5f5f5;
  /deep/.van-nav-bar {
    z-index: 999;
  }
  /deep/ .van-nav-bar__content {
    height: 42px;
  }
}
</style>
